/* 大于980px的模块 */
* {
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}

body {
    overflow: hidden
}

/* 总体大盒子 */
#box {
    width: 100%;
}
/* 网站服务 */

.wzfw{
    width: 60%;
    margin: 0 auto;
}
.wzfw-top{
text-align: center;
}
.wzfw-top h4{
    font-size: 1.5em;
    line-height: 2;
}
.wzfw-top p{
    font-weight: 500;
}
.wzfw-bottom{
    margin: 10vh 0;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wzfw-bottom li{
    position: relative;
    /* width: 260px; */
    padding: 25px 35px;
    /* border: 1px solid #000; */
}
.wzfw-bottom li:hover{
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
}
.wzfw-bottom li img:nth-child(2){
   display: none; 
}
.wzfw-bottom li p{
    font-size: 22px;
    line-height: 3;
}
.wzfw-bottom li:hover img:nth-child(1){
    display: none;
}
.wzfw-bottom li:hover img:nth-child(2){
    display: block;
    margin: 0 auto;
}
.wzfw-bottom li:hover p{
    color: #4fb9d4;
}
.wzfw-bottom li:hover ::after{
    position: absolute;
    content: '';
    height: 4px;
    width: 50px;
    background-color: #72e3ff;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, -50%)
}
/* 网站服务结束*/
 /* 高端的私人定制 */
 .high-end{
    width: 70%;
    margin: 0 auto;
    text-align: center;
 }
 .high-end-top h4{
    font-size: 1.5em;
    line-height: 2;
 }
 .high-end-top p{
    font-weight: 500;
 }
 /* 底部 */
 .high-end-bottom{
    margin: 8vh 0;
    display: flex;
    justify-content: space-between;
    color: #fff;
 }
 .high-end-bottom li{
    width: 24%;
    position: relative;
 }
 .high-end-bottom li img{
    width: 100%;
 }
 .high-end-bottom li .enbot{
    display: none;
    width: 100%;
    position: absolute;
    bottom: 10%;
    text-align: center;
 }
 .high-end-bottom li:hover .enbot{
    display: block;
 }
 .high-end-bottom li .enbot h4{
    font-size: 22px;
    line-height: 3;
 }
 /* 高端的私人定制结束 */
 /* 经典案例开始 */
 .ClassicCase{
    width: 100%;
    margin: 0 auto;
    background-color: #fafafa;
    padding: 10vh 0;
 }
 /* 经典案例头部 */
 .ClassicCase-top{
    text-align: center;
    margin-bottom: 5vh;
 }
 .ClassicCase-top h4{
    font-size: 1.5em;
    line-height: 2;
 }
 .ClassicCase-top p{
    font-weight: 500;
}
.ClassicCase-bot{
    width: 70%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.ClassicCase-bot li{
    width: 48%;
    margin-bottom: 5vh;
}
.ClassicCase-bot li img{
    width: 100%;
}
.ClassicCase-bot li h3{
    position: relative;
    font-size: 22px;
    text-align: center;
    margin-bottom: 6vh;
}
.ClassicCase-bot li h3::after{
    position: absolute;
    content: '';
    width: 10%;
    height: 4px;
    background-color: #425c76;
    bottom: -100%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.ClassicCase-bot li p{
    color: #919191;
    line-height: 3;
}
.bbg img{
    width: 100%;
}
.wzmax{
    overflow: hidden;
}
/* 小于980px的模块 */
@media (max-width:1024px) {
    /* 网站服务 */
    .wzfw{
        width: 92%;
        /* margin: 0 auto; */
        /* border: 1px solid #000; */
    }
    .wzfw-bottom{
        flex-wrap: wrap;
    }
    .wzfw-bottom li{
        width: 45%;
        margin-bottom: 3vh;
    }
    .wzfw-bottom li p{
        font-size: 16px;
    }
    /* 网站服务结束 */
    /* 私人定制开始 */
    .high-end{
        width: 92%;
    }
    .high-end-bottom{
        flex-wrap: wrap;
    }
    .high-end-bottom li{
        width: 48%;
        margin-bottom: 3vh;
    }
    .high-end-bottom li .enbot{
        bottom: 30vh;
    }
    /* 私人定制结束 */
    /* 经典案例开始 */
    .ClassicCase-bot{
        width: 100%;
        flex-wrap: wrap;
    }
    .ClassicCase-bot li{
        width: 92%;
        margin: 0 auto 3vh ;
    }
    .ClassicCase-bot li img{
        width: 100%;
    }
    .ClassicCase-bot li h3{
        font-size: 18px;
    }
    .ClassicCase-bot li p{
        line-height: 1.5;
    }
   
    /* 经典案例结束 */
}
